<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="../style/css/base.css"/>
    <link rel="stylesheet" href="../style/css/main.css"/>
    <script src="../style/js/jquery.min.js"></script>
    <script src="../style/js/main.js"></script>
</head>
<body>
<div id="header_div"></div>
<div class="cont">
    <nav class="header_bottom">
        <a href="index.html" class="nav_item">首页</a>
        <a href="hot_sale.html" class="nav_item">今日热卖</a>
        <a href="todaysale.html" class="nav_item">特卖</a>
        <a href="idle_onsale .html" class="nav_item">我的二手</a>
        <a href="release_sechand.html" class="nav_item nav_on">发布二手</a>
    </nav>
    <div class="mt20">
        <ul class="personal_title ml40">
            <a href="#" id="per_1" onclick="replace(1)">
                <li>基本资料</li>
            </a>
            <a href="#" id="per_2" class="grey" onclick="replace(2)">
                <li>收货地址</li>
            </a>
            <a href="#" id="per_3" class="grey" onclick="replace(3)">
                <li>我的支付宝账号</li>
            </a>
            <a href="#" id="per_4" class="grey" onclick="replace(4)">
                <li>我的订单</li>
            </a>
            <a href="#" id="per_5" class="grey" onclick="replace(5)">
                <li>我的消息</li>
            </a>
        </ul>
        <div class="ml40 mt50">
            <!--个人中心-基本资料-->
            <div id="per_infor_1" style="display:;" class="f16">
                <p>当前头像 <img src="../style/img/head.png" alt="" class="per_head"></p>
                <p>昵称 <input type="text" class="common_inp ml60"></p>
                <p>性别 <input type="radio" name="sex" class="ml60">男
                    <input type="radio" name="sex" class="ml20">女
                    <input type="radio" name="sex" class="ml20">保密
                </p>
                <p>生日 <input type="text" class="common_inp ml60"></p>
                <p>居住地 <input type="text" class="common_inp" style="margin-left: 44px;"></p>
                <p>家乡 <input type="text" class="common_inp ml60"></p>
                <div>
                    <button class="btn_third f16 mt50" style="margin-left: 97px;">保存</button>
                </div>
            </div>
            <!--个人中心-收货地址-->
            <div id="per_infor_2" style="display:none;">
                <a href="javascript:void(0)" id="linkbt">
                    <button class="btn_add cp">+ 新增收货地址</button>
                </a><font class="grey ml50">您已添加3个收货地址，最多可添加10个</font>
                <div class="add_div mt10 grey del_take_div" data_select="false">
                    <div class="fl">
                        <img src="../style/img/delete.png" alt="" class="img_delete del_take cp">
                        <p>收货人：<input class="input_status" type="text" placeholder="薇薇晓峰"/></p>
                        <p>所在地区：<input class="input_status" placeholder="河北省邢台市沙河镇" type="text"/></p>
                        <p>地址：<input type="text" class="input_status" placeholder="沙河镇新城家园121号"/></p>
                        <p>手机：<input type="tel" required class="input_status" placeholder="138＊＊＊＊9009"/></p>
                        <p>固定电话：<input type="tel" required class="input_status" placeholder="021-46786546"/></p>
                        <p class="fl">电子邮箱：<input type="email" required class="input_status" placeholder="89865467@qq.com"/></p>
                        <p style="margin-left: 819px;"><font class="cp">设为默认</font> | <font class="editor cp">编辑</font><p>
                    </div>
                </div>
            </div>
            <!--个人中心-我的支付宝账号-->
            <div id="per_infor_3" style="display:none;">
                <p>支付宝账号 <input type="text" class="common_inp ml40"></p>
                <p>收款人姓名 <input type="text" class="common_inp ml40 mt20"></p>
                <div>
                    <button class="btn_third f16 mt50">确定</button>
                </div>
            </div>
            <!--个人中心-我的订单-->
            <div id="per_infor_4" style="display:none;margin-left: 40px;">
                <ul class="personal_title">
                    <a href="#" id="order_1" onclick="replay(1)" class="">
                        <li>全部订单</li>
                    </a>
                    <a href="#" id="order_2" class="grey" onclick="replay(2)">
                        <li>待付款</li>
                    </a>
                    <a href="#" id="order_3" class="grey" onclick="replay(3)">
                        <li>待发货</li>
                    </a>
                    <a href="#" id="order_4" class="grey" onclick="replay(4)">
                        <li>待收货</li>
                    </a>
                    <a href="#" id="order_5" class="grey" onclick="replay(5)">
                        <li>已完成</li>
                    </a>
                </ul>
                <div class="">
                    <!--个人中心-我的订单-全部订单-->
                    <div id="order_infor_1" style="display:;">
                        <div class="add_div add_div_personal mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="idle_infor ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                            </div>
                            <div class="idle_infor fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class="idle_infor ml40 fl" style="margin-left: 100px;">
                                <p class="mt20">等待发货</p>
                            </div>
                        </div>
                    </div>
                    <!--个人中心-我的订单-待付款-->
                    <div id="order_infor_2" style="display:none;">
                        <div class="add_div add_div_personal mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="idle_infor ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                            </div>
                            <div class="idle_infor fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class="idle_infor ml40 fl" style="margin-left: 100px;">
                                <a href="#" class="del_take cp">删除</a><br/>
                                <a href="shoppingcar.html" class="block mt10 cp">去付款</a>
                            </div>
                        </div>
                        <div class="add_div add_div_personal mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="idle_infor ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                            </div>
                            <div class="idle_infor fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class="idle_infor ml40 fl" style="margin-left: 100px;">
                                <a href="#" class="del_take">删除</a><br/>
                                <a href="shoppingcar.html" class="block mt10 cp">去付款</a>
                            </div>
                        </div>
                    </div>
                    <!--个人中心-我的订单-待发货-->
                    <div id="order_infor_3" style="display:none;">
                        <div class="add_div add_div_personal mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="idle_infor ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                            </div>
                            <div class="idle_infor fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class="idle_infor ml40 fl" style="margin-left: 100px;">
                                <p class="mt20">等待发货</p>
                            </div>
                        </div>
                    </div>
                    <!--个人中心-我的订单-待收货-->
                    <div id="order_infor_4" style="display:none;">
                        <div class="add_div add_div_add mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                                <p class="mt20">快递公司：EMS</p>
                                <p class="mt20">运单号：584603568</p>
                            </div>
                            <div class=" fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class=" ml40 fl" style="margin-left: 50px;">
                                <button class="cancle_btn cp">确认收货</button>
                            </div>
                        </div>
                    </div>
                    <!--个人中心-我的订单-已完成-->
                    <div id="order_infor_5" style="display:none;">
                        <div class="add_div add_div_add mt20 del_take_div" data_select="false">
                            <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                            <div class="ml20 fl">
                                <div>商品名称：ENPEX/乐士情侣羽毛球拍单双拍</div>
                                <p class="mt20">订单编号：095840865309565</p>
                                <p class="mt20">创建时间：2016-07-10 16:09：35</p>
                                <p class="mt20">快递公司：EMS</p>
                                <p class="mt20">运单号：584603568</p>
                            </div>
                            <div class=" fl" style="margin-left: 100px;">
                                <div>价格：￥399.0</div>
                                <p class="mt20">运费：￥399.0</p>
                                <p class="mt20">实付款：￥399.0</p>
                            </div>
                            <div class="idle_infor ml40 fl" style="margin-left: 100px;">
                                <a class="del_take cp">删除</a><br/>
                                <a href="shoppingcar.html" class="block mt10 cp">已收货</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--个人中心-我的消息-->
            <div id="per_infor_5" style="display:none;">
                <div class="add_div add_div_personal mt20 del_take_div" data_select="false">
                    <a href="degital_household.html"><img src="../style/img/img_ball.png" alt="" class="fl"></a>
                    <div class="ml20 fl">
                        <div>张志给您留言了</div>
                        <p class="mt20">哈哈哈哈哈哈哈哈哈哈哈哈 | 四小时前</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 遮罩层 -->
<div id="light" class="relative">
    <div class="light_div">
        <p class="light_p">添加收货地址</p>
        <div class="ml20">
            <p>支付宝账号 <input type="text" class="common_inp mt10" style="margin-left: 34px;"></p>
            <p class="mt20">所在地区：
                <div id="city_div"></div>
            </p>
            <p style="clear: both;">详细地址 <input type="text" class="common_inp ml50"></p>
            <p>手机号码 <input type="text" name="phone" class="common_inp ml50 mt10"></p>
            <p>或</p>
            <p>固定电话 <input type="text" name="phone" class="common_inp ml50 mt10"></p>
            <p>邮箱 <input type="text" class="common_inp mt10" style="margin-left: 82px;"></p>
            <div>
                <button class="saveaddr_btn btn_third f16 mt50 cp">保存收货地址</button>
            </div>
        </div>
    </div>
    <div class="deleteornot_close cp"></div>
</div>
<div id="fade"></div>
<div class="deleteornot">
    <p class="deleteornot_tips tc">您确定要删除选中的商品吗？</p>
    <p class="tc">
        <span class="deleteornot_btn tc cp deleteornot_ok">确定</span>
        <span class="deleteornot_btn tc cp deleteornot_no">取消</span>
    </p>
    <div class="deleteornot_close cp"></div>
</div>
<!-- 遮罩层 -->
<div style="height: 147px;clear: both;"></div>
<div id="footer_div"></div>
</body>
</html>
